import React, { Component } from 'react';

import './App.css';
import CategroyDetail from './component/categroyDetail'
import Categroy from './component/categroy'
import BookDetail from './component/bookDetail'
import Chapter from './component/chapter'
import Paper from './component/paper'
import { Switch,Route } from 'react-router-dom'

class App extends Component {
  render() {
    return (
      <div className="App">      
        <Switch>                
          <Route path='/categroyDetail' component={CategroyDetail} exact></Route>
          <Route path='/bookdetail/:id' component={BookDetail} exact></Route>
          <Route path='/chapter' component={Chapter} exact></Route>
          <Route path='/paper' component={Paper} exact></Route>
          <Route path='/' component={Categroy} exact></Route> 
        </Switch>
        </div>
    );
  }
}

export default App;
